*{
	margin: 0px;
	padding: 0px;
}
/*修改框架样式开始*/
a {
    color: #f2f2f2;
    text-decoration: none;
}
ul,li{
	list-style: none;
}
.nav > li > a:hover,
.nav > li > a:focus,.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.nav > .active > a {
  text-decoration: none;
  background-color: #0a82bf;
  color: #f2f2f2;
}
.carousel-control{
	background-color: rgba(0,0,0,0.6);
    position: absolute;
    /*height: 20%;*/
    width: auto;
    /*line-height:120px;*/
    padding-bottom: 10px;
    top: 42%;
    bottom:auto ;
	padding-left: 1.2%;
	padding-right: 1.2%;
    /*padding: 1% 1.4%;*/
    font-size: 80px;
    color: #fff;
    filter: alpha(opacity=50);
}
.carousel-control.right{
	right: 10px;
}
.carousel-control.left{
	left: 10px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	width: 100%
}
.carousel-control.left,.carousel-control.right {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=1);
}
.nav > li > a{
	padding: 10px 30px;
}
.navbar-brand{
	padding: 20px 15px;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.btn-default {
    color: #fff;
     background-color: #009fe9; 
    border-color: #009fe9;
}
.btn-default:hover {
	color: #fff;
  background-color: #29b5f7;
  border-color: #29b5f7;
}
/*修改框架样式结束*/
/*首页样式开始*/
.characteristic{
	width:52%;
	display: inline-block; 
	margin-top: 26px;
}
.functional{width:66%;
	display: inline-block; 
}
.functional li{
	position: relative;
	width: 25%; 
	float: left; 
	margin-top: 4%;
	margin-bottom: 4%; 
}
.characteristic li{
	width: 33.33333%;
	float: left;
	padding-left:2%;
	padding-right: 2%;
	margin-top: 4%;
	margin-bottom: 4%;
}
.functional img{
	width: 100%;
}
.characteristic img{
	width: 28%;
	animation: myfirst 0.6s linear;
}

@keyframes myfirst
{
	0% {width:0%;opacity: 0;}
	20% {width:24%;opacity: 0.6;}
	56% {width:32%;opacity: 1;}
	80% {width:24%;}
	90% {width:30%;}
	96% {width:29%;}
	100% {width:28%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0% {width:0%;opacity: 0;}
	20% {width:24%;opacity: 0.6;}
	56% {width:32%;opacity: 1;}
	80% {width:24%;}
	90% {width:30%;}
	96% {width:29%;}
	100% {width:28%;}
}
.characteristic li h4,.functional li h4{
	margin-top: 12%;
	font-size: 16px
}
.characteristic li p,.functional li p{
	color: #989999;
	padding-top:2%;

}
.backgroundBanner{
	background:url("../images/banner.jpg"); 
	background-size:100% 100%; 
	background-repeat: no-repeat;
}
 .mask{
 	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
 }

    .functional li:hover .content {
    	top: 60%;
    }

     .mask .content{
     position: absolute;
    left: 0;
    right: 0;
    top: 84%;
    bottom: 0;
    background-color:rgba(22,26,29,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000,GradientType=0.6);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
     }
    
    .mask .content .item-title{
	color: #fff; 
    line-height: 24px;
    margin: 0;
    padding-top: 6%;
    padding-bottom: 6%;
    font-weight: bold;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    }
  .footerContent{
  	 background-color: #232323;
  	 padding: 14px;
  	 color:#4d4d4d;
  }     

.footerContent p{
text-align: center;
}


/*首页样式结束*/
/*登录界面样式*/
.login-interface{
	width: 100%;
	height: 100%;
	position: relative;

}
.login-interface .content{
	position:absolute;
	left: 50%;
	margin-left: -215px;
	width:430px;
	height: 290px;
	background-image:url(../images/login.png);
	overflow: hidden;
}
.content .content-top{
	width: 100%;
	height: 46px;
}

.content .content-top p{
	color: #fff;
	text-align: center;
}
.content .content-top .chinese-name{
	font-size: 20px;
	color: #268aef;
	margin: 0px;
	padding-top: 16px;
	padding-bottom: 16px;
}
.content-bottom{
	margin-top: 14px;
	overflow: hidden;
	width: 420px;
}
.content-bottom table {
	width: 100%;
}
.content-bottom table tbody tr{
	color: #404040;
	height: 48px;
}
.td-first-child{
	width: 30%;
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
}
.td-last-child{
	width: 80%;
}

.content-bottom table tbody tr td input{
	height: 34px;
	width: 84%;
	line-height: 34px;
	border: 1px solid #bfbfbf;
	text-indent: 10px;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari 和 Chrome */
	border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.content-bottom table tbody tr td .verification-code{
	width: 82%;
	border: 1px solid #bfbfbf;
	height: 34px;
}
.content-bottom table tbody tr td .verification-code input{
	width: 58%;
	float: left;
	border: none;
}
.content-bottom table tbody tr td .verification-code div{
	width: 41%;
	height: 34px;
	float: right;
	border-left: 1px solid #bfbfbf;
}
.content-bottom table tbody tr td button{
	height: 34px;
	width: 84%;
	font-size: 16px;
	background-color:#268aef;
	color: #fff;
	border: none;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari 和 Chrome */
	border-radius: 4px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}